<template>
  <view class="empty-root">
    <image src="/static/img/empty.png"></image>
    <view class="txt-container">
      {{ promptText }}
    </view>
  </view>
</template>

<script>

export default {
  name: "empty",
  props: {
    promptText: {
      type: String,
      default: '暂无数据'
    }
  }
}
</script>

<style scoped lang="scss">
.empty-root {
  padding: 20rpx;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 340rpx;

  .txt-container {
    font-size: 30rpx;
    color: #5e6d82;
    line-height: 1.5em;
  }

  image {
    margin-bottom: 20rpx;
    height: 300rpx;
    width: 400rpx;
  }
}
</style>
